@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

div.schot {
z-index: 200 !important;
background-color: #fff;
width: 100%;
height: auto;
color: #000000;
position: relative;
text-align: center;
font-family: 'Open Sans', sans-serif;
text-transform: none;
font-weight: 400;
font-size: 12px;
vertical-align: top;
padding: 1% 0%;}

div.schot a, a:hover {
color: #000000;
font-weight: 700;}


/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

.uk-navbar-nav {float: right;}

p {margin: 0px; line-height: 150%;}

.uk-panel-box-secondary a {color: #ffffff; font-weight: inherit;}

div.uk-container.uk-container-center {background-color: #ffffff;}

body {background-color: #f1f1f1;}

div.uk-container.uk-container-center {box-shadow: 0 0px 5px 0 rgba(160, 167, 169, 0.35);}

.uk-container {padding: 0px;}

.tm-headerbar {
padding: 0px 20px; 
-webkit-box-shadow: 0 8px 6px -6px #e3e3e3;
-moz-box-shadow: 0 8px 6px -6px #e3e3e3;
box-shadow: 0 8px 6px -6px #e3e3e3;}

.tm-headerbar, .tm-navbar, .tm-footer {
margin-top: 20px;
padding-bottom: 10px;
margin-bottom: 0px;}

div.blok-groen,
div.uk-panel.groen {
border: 5px solid #b4cc04;
text-align: left;
padding: 23px;}

div.blok-oranje {
border: 5px solid #e94e1b;
text-align: left;
padding: 25px;}

div.margin-oranje {
margin-top: 3%;
margin-bottom: 3%;
margin-left: auto;
margin-right: auto;
width: 100%;}

div.margin {
/*margin-top: 25px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
width: 75%;*/
margin-top: 15%;
margin-bottom: 10px;
margin-left: 20px;
/* margin-right: auto; */
width: 67%;}

.margin-samen {
margin: 15%;
margin-left: 0px;}

@media screen and (max-width: 1024px){
div.margin {
width: 80%;
margin-top: 3%;}

.margin-samen {
margin: 5%;
margin-left: 0px;}}

@media screen and (max-width: 768px){
.margin-samen {
margin: 5%;
margin-bottom: 5% !important;}}

div.blok-groen h1 {
font-size: 35px;
line-height: 120%;
font-weight: bold;}

div.blok-groen p {
font-size: 17px;
line-height: 110%;}

a.uk-button.groen {
background-color: #b4cc04;
font-weight: 500;}

a.uk-button.groen:hover {
background-color: #8b9602;}

a.uk-button.blauw {
background-color: #93d1d5;
font-weight: 500;}

a.uk-button.blauw:hover {
background-color: #6aa4a5;}

a.uk-button.oranje {
background-color: #e94e1b;
font-weight: 500;}

a.uk-button.oranje:hover {
background-color: #a03315;}

section#tm-top-b.tm-top-b.uk-grid {
margin-top: 0px;}

h2, .uk-h2,
h3, .uk-h3 {
font-size: 25px;
line-height: 30px;
margin-bottom: 10px;
margin-top: 0px;}

h3.home {
font-size: 32px;
line-height: 100%;
margin-bottom: 10px;}

.patroon {
background-image: url('../images/border.png');
background-repeat: no-repeat;
width: 100%;
height: 48px;
background-size: cover;
position: absolute;
z-index: 600 !important;
left: 0px;
max-width: 1600px;
background-position: 50% 50%;
margin-top: -37px;}

body.tm-isblog.home .uk-grid + .uk-grid,
body.tm-isblog.home .uk-margin-top, 
body.tm-isblog.home .uk-margin-bottom {
margin-top: 0px !important;
margin-bottom: 0px !important;}

.patroon-flip {
background-image: url('../images/border2.png');
background-repeat: no-repeat;
width: 100%;
height: 38px;
background-size: cover;
position: absolute;
z-index: 600 !important;
left: 0px;
max-width: 1600px;
background-position: 50% 50%;
margin-top: 10px;}

body.tm-isblog.home .uk-grid + .uk-grid,
body.tm-isblog.home .uk-margin-top, 
body.tm-isblog.home .uk-margin-bottom {
margin-top: 0px !important;
margin-bottom: 0px !important;}

.background {
background-image: url('../images/tegels.jpg');
background-repeat: no-repeat;
/*width: 100%;*/
    height: auto;
background-size: cover;}

.background-blauw { 
background-image: url('../images/blauw.png');
background-repeat: no-repeat;
width: 100%;
height: 38px;
background-size: cover;
position: absolute;
z-index: 600 !important;
left: 0px;
max-width: 1600px;
background-position: 50% 50%;
margin-top: 10px;}

.background-groen { 
background-image: url('../images/groen.png');
background-repeat: no-repeat;
width: 100%;
height: 38px;
background-size: cover;
position: absolute;
z-index: 600 !important;
left: 0px;
max-width: 1600px;
background-position: 50% 50%;
margin-top: 10px;}

.background-oranje { 
background-image: url('../images/oranje.png');
background-repeat: no-repeat;
width: 100%;
height: 38px;
background-size: cover;
position: absolute;
z-index: 600 !important;
left: 0px;
max-width: 1600px;
background-position: 50% 50%;
margin-top: 10px;}

.uk-panel-box-groen {
background-color: #b4cc04;
color: #ffffff;}

.uk-panel-box-oranje {
background-color: #e94e1b;
color: #ffffff;}

.tm-footer {
background-color: #543612;
color: #ffffff;
padding: 25px 0px;}

.tm-footer a {
color: #ffffff;}

.tm-bottom-b {
padding: 25px;}


a.mod-articles-category-title {
text-decoration: none;}

main#tm-content {
padding: 35px;}

.uk-navbar-nav > li.uk-active > a {
text-transform: uppercase;
font-weight:500; }

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
font-weight:500;
color: #543612;
text-transform: uppercase}

.uk-form-horizontal .uk-form-controls {
margin-left: 0px;}

.uk-form input:not([class*='uk-form-width-']):not([class*='uk-width-']):not([type="radio"]):not([type="checkbox"]), .uk-form select:not([class*='uk-form-width-']):not([class*='uk-width-']), .uk-form textarea:not([class*='uk-form-width-']):not([class*='uk-width-']) {
width: 100%;}

.uk-form-horizontal .uk-form-label {
width: 100%;}

.uk-navbar-nav > li > a {
display: block;
box-sizing: border-box;
text-decoration: none;
height: 30px;
padding: 0 15px;
line-height: 100%;
vertical-align: middle;
padding-top: 10px;
color: #543612;
font-size: 14px;
font-family: 'Roboto';
font-weight: 300;
}

.lead {
margin-bottom: 0px;
font-size: 18px;
font-weight: 200;
line-height: 30px;}

a:hover {
font-weight: inherit;}

@media (max-width: 965px) {
.uk-hidden-small {
display: none !important;}
    
.uk-visible-small {
display: block !important;}}

a.mod-articles-category-title {
font-family: "Times New Roman", Times, serif;
font-weight: 700;
color: #543612;
font-size: 24px;
text-transform: uppercase;
line-height: 125%;
margin-bottom: 20px;}

a.mod-articles-category-title:hover {
text-decoration: none;}

p.mod-articles-category-readmore  a.mod-articles-category-title  {
font-family: Roboto;
font-size: 14px;
font-style: normal;
color: #b4cc04;
text-transform: none;
text-decoration: none;
font-weight: 500;}

p.mod-articles-category-readmore a.mod-articles-category-title:hover {
color: #8b9602;
text-decoration: none;
font-weight: 500;
}

p.mod-articles-category-introtext {
margin-top: 10px;}

p.mod-articles-category-readmore {
margin-top: 10px;
margin-bottom: 0px;}


.tm-bottom-b ul {
list-style-type: none;
padding: 0px;
padding-bottom: 5px; 
/*border-bottom: 1px solid #d0d0d0;*/}

.tm-sidebar-a {
margin-top: 2%; 
margin-bottom: 2%;}

.uk-nav-side > li.uk-active > a {
background: transparent;
font-weight: 500;
color: #543612;}

.well {
border: none;
border-radius: 0;
box-shadow: none;
padding: 20px !important;
background: transparent;}

legend {
display: block;
width: 100%;
padding: 0;
padding-bottom: 20px;
border: 0;
border-bottom: 1px solid #e5e5e5;
font-size: 40px;
line-height: 50px;
font-family: "Times New Roman", Times, serif;
font-weight: 700;
color: #543612;
text-transform: uppercase;}

.btn {
text-decoration: none;}

button.btn.btn-large, input[type="submit"].btn.btn-large {
margin-bottom: 20px;
font-size: 14px;}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus, .nav-tabs > li > a {
text-decoration: none;}

.form-horizontal .control-label {
text-align: left;}

.btn-group {
position: relative;
display: none;
font-size: 0;
vertical-align: middle;
white-space: nowrap;}

select {width: 240px;}
input, textarea, .uneditable-input {width: 240px;}
textarea {height: 75px;}
.form-actions {background-color: transparent;}
th a {text-decoration: none;}
.center, .table td.center, .table th.center {text-align: left;}
a.button {border: 2px solid #e94e1b; color: #e94e1b !important; font-weight: 500 !important; height: auto !important; line-height: 100% !important; margin-left: 10px; padding: 0px 15px; padding-bottom: 10px !important;}
a.button:hover {background-color: #e94e1b !important; color: #ffffff !important; text-transform: none !important; font-weight: inherit;}
.form-horizontal .form-actions {padding-left: 0px;}
.form-horizontal .controls {margin-left: 0px;}